<!DOCTYPE html>
<!--
  index.html version 1.4.2
  This file is part of OpenAero.

  OpenAero was originally designed by Ringo Massa and built upon ideas
  of Jose Luis Aresti, Michael Golan, Alan Cassidy and many others. 

  OpenAero is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.

  OpenAero is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with OpenAero.  If not, see <http://www.gnu.org/licenses/>.
-->

<html manifest="cache.manifest">
  <head>
    <meta charset="UTF-8">
    <!-- set Google verification tag, essential for installing App from site -->
    <meta name="google-site-verification" content="19PeFg_VefT13gYXLO6E-IJKXjPbzjF3f_iZ2T8pa9E" />
    <!-- set viewport for mobile browsers -->
    <meta name="viewport" id="viewport" content="width=device-width">
    <!-- <meta name="viewport" id="viewport" content="width=320, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0" /> -->
    <!-- set web app capable for Chrome homescreen links -->
    <meta name="mobile-web-app-capable" content="yes">
    <title>OpenAero</title>
    <!-- stylesheets -->
    <link rel="stylesheet" type="text/css" href="OpenAero.css">
    <link rel="stylesheet" type="text/css" href="desktop.css" id="mobileDesktopCSS">
    <!-- favicons -->
    <link rel="shortcut icon" type="image/png" sizes="16x16" href="favicons/favicon16.png">
    <link rel="shortcut icon" type="image/png" sizes="24x24" href="favicons/favicon24.png">
    <link rel="shortcut icon" type="image/png" sizes="32x32" href="favicons/favicon32.png">
    <link rel="shortcut icon" type="image/png" sizes="57x57" href="favicons/favicon57.png">
    <link rel="shortcut icon" type="image/png" sizes="72x72" href="favicons/favicon72.png">
    <link rel="shortcut icon" type="image/png" sizes="96x96" href="favicons/favicon96.png">
    <link rel="shortcut icon" type="image/png" sizes="114x114" href="favicons/favicon114.png">
    <link rel="shortcut icon" type="image/png" sizes="128x128" href="favicons/favicon128.png">
    <link rel="shortcut icon" type="image/png" sizes="195x195" href="favicons/favicon195.png">
    <!-- configuration, must be first js -->
    <script src="config.js" type="text/javascript"></script>
    <!-- interface languages -->
    <script src="languages/en.js" type="text/javascript"></script>
    <script src="languages/fr.js" type="text/javascript"></script>
    <!-- logos -->
    <script src="logo.js" type="text/javascript"></script>
    <!-- figure definitions -->
    <script src="figures14.js" type="text/javascript"></script>
    <!-- sequence rules -->
    <script src="rules/rules14.js" type="text/javascript"></script>
    <script src="rules/rules14-civa.js" type="text/javascript"></script>
    <script src="rules/rules13-baea.js" type="text/javascript"></script>
    <script src="rules/rules14-france.js" type="text/javascript"></script>
    <script src="rules/rules13-ga.js" type="text/javascript"></script>
    <script src="rules/rules14-vink.js" type="text/javascript"></script>
    <script src="rules/rules14-glider-civa.js" type="text/javascript"></script>
    <!-- example sequences -->
    <script src="examples.js" type="text/javascript"></script>
    <!-- improve look of XML output -->
    <!-- https://code.google.com/p/vkbeautify -->
    <script src="vkbeautify.js" type="text/javascript"></script>
    <!-- create zip files. Used for individual figure image output -->
    <!-- https://github.com/Stuk/jszip -->
    <script src="jszip.js" type="text/javascript"></script>
    <!-- sprintf for javascript, for formatted language strings -->
    <!-- https://github.com/alexei/sprintf.js -->
    <script src="sprintf.js" type="text/javascript"></script>
    <!-- canvg transforms svg to canvas, used for png output -->
    <!-- https://code.google.com/p/canvg r190 -->
    <script src="canvg/rgbcolor.js" type="text/javascript"></script>
    <script src="canvg/StackBlur.js" type="text/javascript"></script>
    <script src="canvg/canvg.js" type="text/javascript"></script>
    <!-- all the country flags -->
    <script src="flags.js" type="text/javascript"></script>
    <!-- The main script. Put it at the end when everything else is loaded --> 
    <script src="OpenAero.js" type="text/javascript"></script>
  </head>
  <body>
    <!-- overlay div for use with alertBox and loading -->
    <div id="alertBoxOverlay" style="display:none;">
      <!-- warn when javascript is disabled -->
      <noscript>
        You need a JavaScript-capable browser to use this software.
        <a href="http://www.google.com/support/bin/answer.py?answer=23852&hl=en">
          Click here for instructions
        </a>
        on how to enable JavaScript in your browser.
      </noscript>
    </div>
    <!-- infoBox -->
    <div id="infoBox" class="boxbg noDisplay">
      <div class="box">
        <span class="boxTitle" id="infoTitle"></span>
        <div id="infoMessage"></div>
      </div>
    </div>
    <!-- confirmBox -->
    <div id="confirmBox" class="boxbg noDisplay">
      <div class="box">
        <span class="boxTitle" id="confirmTitle"></span>
        <div id="confirmMessage"></div>
        <span class="textButton userText" id="t_confirmBoxYes"></span>
        <span class="textButton userText" id="t_confirmBoxNo"></span>
        </div>
    </div>
    <!-- alertBox, after confirmBox so it's shown on top -->
    <div id="alertBox" class="boxbg noDisplay">
      <div class="box">
        <span class="boxTitle" id="alertTitle"></span>
        <div id="alertMessage"></div>
        <span class="textButton userText close" id="t_closeAlert"></span>
      </div>
    </div>
    <!-- save dialog -->
    <div id="saveDialog" class="boxbg noDisplay">
      <div class="box">
        <span class="boxTitle userText" id="t_saveFileTitle"></span>
        <div id="saveFileMessage"></div>
        <div>
          <input type="text" value='' id="dlTextField">
          <span id="fileExt"></span>
          <span class="textButton userText" id="t_saveFile"></span>
        </div>
        <span class="textButton userText close" id="t_cancelSave"></span>
      </div>
    </div>
    <!-- print dialog -->
    <div id="printDialog" class="boxbg noDisplay">
      <div class="box">
        <span class="boxTitle">
          <span class="userText" id="t_printDialog"></span>
        </span>
          <a href="#" id="manual.html_save_print" class="info"><img src="buttons/smallInfo.png"></a>
        <div>
          <span class="userText" id="t_printExplain"></span>
        </div>
        <div class="main">
          <div>
            <input type="checkbox" id="printFormA" checked="true">
            <span class="userText" id="t_printFormA"></span>
          </div>
          <div>
            <span>
              <input type="checkbox" id="printFormB" checked="true">
              <span class="userText" id="t_printFormB"></span>
            </span>
            <span>
              <input type="checkbox" id="printMiniFormAonB" checked="true">
              <span class="userText" id="t_printMiniFormAonB"></span>
            </span>
          </div>
          <div>
            <span>
              <input type="checkbox" id="printFormC" checked="true">
              <span class="userText" id="t_printFormC"></span>
            </span>
            <span>
              <input type="checkbox" id="printMiniFormAonC">
              <span class="userText" id="t_printMiniFormAonC"></span>
            </span>            
          </div>
          <div>
            <span>
              <input type="checkbox" id="printFormPilotCards">
              <span class="userText" id="t_printPilotCards"></span>
            </span>
          </div>
          <div id="pilotCardLayout" class="folded">
            <div id="pilotCardSpacer"></div>
            <div class="noWrap">
              <span>
                <input type="radio" name="pilotCardForm" value="B" id="pilotCardFormB" checked>
                <span class="userText" id="t_pilotCardFormB"></span>
              </span>
              <span>
                <input type="radio" name="pilotCardForm" value="C" id="pilotCardFormC">
                <span class="userText" id="t_pilotCardFormC"></span>
              </span>
            </div>
            <div id="pilotCardSpacer"></div>
            <div id="pilotCardPercent" class="pilotCardLayout active">
              <span><input type="number" step="1" value="60" id="pilotCardPercentValue">%</span>
            </div>
            <div id="pilotCard2" class="pilotCardLayout"></div>
            <div id="pilotCard4" class="pilotCardLayout"></div>
          </div>
          <div class="clearBoth">
            <input type="checkbox" id="printFormGrid">
            <span class="userText" id="t_printFormGrid"></span>
          </div>
        </div>
        <div class="sub">
          <div>
            <input type="checkbox" id="printSF" checked="true">
            <span class="userText" id="t_printSF"></span>
          </div>
          <div>
            <input type="checkbox" id="printString" checked="true">
            <span class="userText" id="t_printString"></span>
          </div>
          <div>
            <input type="checkbox" id="printCheck">
            <span class="userText" id="t_printCheck"></span>
          </div>
          <div>
            <input type="checkbox" id="printNotes">
            <span class="userText" id="t_printNotes"></span>
          </div>
          <div>
            <input type="checkbox" id="iacForms">
            <span class="userText" id="t_iacForms"></span>
          </div>
          <div>
            <input type="checkbox" id="inverseForms">
            <span class="userText" id="t_inverseForms"></span>
          </div>
          <div>
            <input type="checkbox" id="blackWhite">
            <span class="userText" id="t_blackWhite"></span>
          </div>
          <div>
            <span class="userText" id="t_maxScaling"></span>
            <span><input type="number" step="10" min="100" value="300" id="maxScaling">%</span>
          </div>
          <div class="section">
            <div class="userText" id="t_saveImageVariables"></div>
            <span>
              <input type="number" step="10" value="800" id="imageWidth">
              <span class="userText" id="t_imageWidth"></span>
            </span>
            <span>
              <input type="number" step="10" value="1130" id="imageHeight">
              <span class="userText" id="t_imageHeight"></span>
            </span>
            <div>
              <input type="number" step="10" value="40" id="pageSpacing">
              <span class="userText" id="t_pageSpacing"></span>
            </div>
          </div>
        </div>
        <div class="clearBoth">
          <span class="textButton userText" id="t_print"></span>
          <span class="textButton userText" id="t_saveAsPNG"></span>
          <span class="textButton userText" id="t_saveAsSVG"></span>
          <span class="textButton userText close" id="t_cancelPrint"></span>
        </div>
      </div>
    </div>
    <!-- check sequence -->
    <div id="checkSequence" class="boxbg noDisplay">
      <div class="box">
        <span class="boxTitle">
          <span class="userText" id="t_checkSequenceResult"></span>
        </span>
        <div id="checkSequenceContent"></div>
        <span class="textButton userText" id="t_checkSequenceOK"></span>
        <span class="textButton userText" id="t_checkSequenceLog"></span>
      </div>
    </div>
    <!-- end check sequence -->
    
    <!-- check multiple -->
    <div id="checkMulti" class="boxbg noDisplay">
      <div class="box">
        <span class="boxTitle">
          <span class="userText" id="t_checkMulti"></span>
        </span>
        <div>
          <input type="checkbox" id="multiFullLog">
          <span class="userText" id="t_showFullLog"></span>
        </div>
        <div>
          <input type="checkbox" id="multiOverrideRules" checked>
          <span class="userText" id="t_multiOverrideRules"></span>
          <span id="multiCurrentRules"></span>
        </div>
        <div>
          <span class="userText" id="t_chooseFiles"></span>
          <form id="checkMultiFileForm">
            <input type="file" id="checkMultiFiles" multiple>
          </form>
        </div>
        <div id="fileDrop" class="fileDrop">
          <div>
            <div class="userText" id="t_orFileDrop"></div>
            <div id="fileDropFiles"></div>
          </div>
        </div>
        <div class="textButton userText" id="t_checkSequences"></div>
        <div class="textButton close userText" id="t_checkMultiClose"></div>
      </div>
    </div>
    <!-- end check multiple -->
    
    <!-- print multiple -->
    <div id="printMulti" class="boxbg noDisplay">
      <div class="box">
        <span class="boxTitle">
          <span class="userText" id="t_printMulti"></span>
        </span>
        <div>
          <input type="checkbox" id="showFileName">
          <span class="userText" id="t_showFileName"></span>
        </div>
        <div>
          <input type="checkbox" id="anonymousSequences">
          <span class="userText" id="t_anonymousSequences"></span>
        </div>
        <div>
          <input type="checkbox" id="printMultiOverrideRules" checked>
          <span class="userText" id="t_printMultiOverrideRules"></span>
          <span id="printMultiCurrentRules"></span>
        </div>
        <div>
          <span class="userText" id="t_chooseFilesPrint"></span>
          <form id="printMultiFileForm">
            <input type="file" id="printMultiFiles" multiple>
          </form>
        </div>
        <div id="fileDropPrint" class="fileDrop">
          <div>
            <span class="userText" id="t_orFileDropPrint"></span>
          </div>
        </div>
        <div class="textButton close userText" id="t_printMultiClose"></div>
      </div>
    </div>
    <!-- end print multiple -->
    
    <!-- Settings -->
    <div id="settingsDialog" class="boxbg noDisplay">
      <div class="box">
        <span class="boxTitle userText" id="t_settingsTitle"></span>
        <span class="info">
          <img src="buttons/smallInfo.png" id="manual.html_settings">
        </span>
        <div class="tabSelector">
          <ul>
            <li id="tab-general" class="activeTab">
              <a class="userText" id="t_general" href="#"></a>
            </li>
            <li id="tab-styling" class="inactiveTab">
              <a class="userText" id="t_styling" href="#"></a>
            </li>
            <li id="tab-expert" class="inactiveTab">
              <a class="userText" id="t_expert" href="#"></a>
            </li>
          </ul>
        </div>
        <!-- General settings -->
        <div id="general">
          <div class="section">
            <span class="sectionLabel userText" id="t_language"></span>  
            <div>
              <select id="language"></select>
            </div>
          </div>
          <div class="section">
            <span class="sectionLabel userText" id="t_gridView"></span>        
            <div>
              <select id="gridColumns">
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5" selected>5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
              </select>
              <span class="userText" id="t_columns"></span>
            </div>
          </div>
          <div class="section">
            <span class="sectionLabel userText" id="t_queueLabel"></span>
            <div>
              <select id="queueColumns">
                <option value="2">2</option>
                <option value="3" selected>3</option>
                <option value="4">4</option>
              </select>
              <span class="userText" id="t_queueColumns"></span>
            </div>
          </div>
          <div class="section">
            <span class="sectionLabel userText" id="t_saveFigsSeparateTitle"></span>
            <div>
              <span class="userText" id="t_imageFormat"></span>
              <input type="radio" name="saveFigsSeparateImageFormat" value="png" id="imageFormatPNG" checked>
              <span class="userText" id="t_png"></span>
              <input type="radio" name="saveFigsSeparateImageFormat" value="svg" id="imageFormatSVG">
              <span class="userText" id="t_svg"></span>
              <div class="clearBoth"></div>
              <span class="userText" id="t_imageSize"></span>
              <input type="text" id="saveFigsSeparateWidth" value="600">
              X
              <input type="text" id="saveFigsSeparateHeight" value="600">
            </div>
            <div>
              <input type="text" id="zipImageFilenamePattern">
              <span class="userText" id="t_zipImageFilenamePattern"></span>
            </div>
          </div>
        </div>
        <!-- Styling settings -->
        <div id="styling" style="display:none;">
          <span class="userText" id="t_styleSettingsHeader"></span>
          <div class="section">
            <input type="checkbox" id="numberInCircle">
            <span class="userText" id="t_numberInCircle"></span>
          </div>
          <div class="section">
            <div>
              <select id="rollFontSize">
                <option id="t_rollSmall" class="userText"></option>
                <option id="t_rollMedium" class="userText"></option>
                <option id="t_rollLarge" class="userText"></option>
              </select>
              <span class="userText" id="t_rollTextSize"></span>
            </div>
          </div>
        </div>
        <!-- Expert settings -->
        <div id="expert" style="display:none;">
          <div class="section">
            <input type="checkbox" id="nonArestiRolls">
            <span class="userText" id="t_nonArestiRolls"></span>
          </div>
          <div class="section">
            <span class="sectionLabel userText" id="t_drawingStyles"></span>
            <div>
              <span class="userText" id="t_drawingStylesExplain"></span>
              <span>
                <select id="styles"></select>
                <input type="text" id="styleString" size="40">
              </span>
              <span>
                <span class="textButton userText" id="t_changeStyle"></span>
                <span class="textButton userText" id="t_resetStyle"></span>
                <span class="textButton userText" id="t_resetStyleAll"></span>
              </span>
            </div>
          </div>
          <div class="section">
            <input type="checkbox" id="newTurnPerspective">
            <span class="userText" id="t_newTurnPerspective"></span>
          </div>
          <div class="section">
            <span class="textButton userText" id="t_restoreDefaultSettings"></span>
          </div>
        </div>
        <div class="textButton close userText" id="t_settingsClose"></div>
      </div>
    </div>
    <!-- end Settings -->

    <!-- Top block -->
    <div id="topBlock">
      <div id="openAeroLogo">OpenAero</div>
      <!-- Menu -->
      <div id="mainMenu">
        <ul id="menu">
          <!-- File menu -->
          <li id="menuFile">
            <a class="userText" id="t_file" href='#'></a>
            <ul>
              <li class="fileOpening">
                <div class="openSequence">
                  <a class="userText" id="t_openSequence" href=#></a>
                  <form id="fileForm">
                    <input type="file" id="file" size=1>
                  </form>
                </div>
              </li>
              <li><a class="userText" id="t_clearSequence" href="#"></a></li>
              <li><a class="userText" id="t_saveSequence" href="#"></a></li>
              <li><a class="userText" id="t_emailSequence" target="_blank" href="#"></a></li>
              <hr>
              <li><a class="userText" id="t_saveAsLink" href="#"></a></li>
              <li><a class="userText" id="t_saveAsImage" href="#"></a></li>
              <li><a class="userText" id="t_saveFigsSeparate" href="#"></a></li>
              <hr>
              <li><a class="userText" id="t_printSaveForms" href="#"></a></li>
            </ul>
          </li>
          <!-- View menu -->
          <li id="menuView">
            <a class="userText" id="t_view" href="#"></a>
            <ul>
              <li><a class="userText" id="t_formA" href=#></a></li>
              <li><a class="userText" id="t_formB" href=#></a></li>
              <li><a class="userText" id="t_formC" href=#></a></li>
              <li><a class="userText" id="t_figsInGrid" href=#></a></li>
              <hr>
              <span id="zoomMenu">
                <li>
                  <a class="userText" id="t_zoom" href=#></a>
                  <span>
                    <span id="zoomMin" class="minButton">
                      <img src="buttons/smallMask.png">
                    </span>
                    <span id="zoom">100%</span>
                    <span id="zoomPlus" class="plusButton">
                      <img src="buttons/smallMask.png">
                    </span>
                  </span>
                </li>
                <div class="clearBoth"></div>
                <hr>
              </span>
              <li><a class="userText" id="t_setMobile" href=#></a></li>
            </ul>
          </li>
          <!-- Sequence menu -->
          <li id="menuSequence">
            <a class="userText" id="t_sequence" href="#"></a>
            <ul id="sequenceOptions">
              <li class="entryOption"><a class="userText" id="t_downwindEntry" href=#></a></li>
              <li class="entryOption"><a class="userText" id="t_xBoxEntry" href=#></a></li>
              <li class="entryOption"><a class="userText" id="t_xBoxEntryAway" href=#></a></li>
              <li><a class="userText" id="t_flipYAxis" href=#></a></li>
              <hr>
              <li><a class="userText" id="t_clearPositioning" href=#></a></li>
              <li><a class="userText" id="t_separateFigures" href=#></a></li>
              <hr>
              <li><a class="userText" id="t_checkSequence" href=#></a></li>
            </ul>
          </li>
          <!-- Queue menu -->
          <li id="menuQueue">
            <a class="userText" id="t_queue" href="#"></a>
            <ul id="queueOptions">
              <li><a class="userText" id="t_showQueue" href=#></a></li>
              <li><a class="userText" id="t_addToQueue" href=#></a></li>
              <hr>
              <li><a class="userText" id="t_addAllToQueue" href=#></a></li>
              <li><a class="userText" id="t_clearQueue" href=#></a></li>
              <hr>
              <li class="fileOpening">
                <div class=openFile>
                  <a class="userText" id="t_openQueueFile" href=#></a>
                  <form id="queueForm">
                    <input type="file" id="queue" size=1>
                  </form>
                <div>
              </li>
              <li><a class="userText" id="t_saveQueueFile" href="#"></a></li>
            </ul>          
          </li>
          <!-- Demo menu -->
          <li id="menuDemo">
            <a class="userText" id="t_demo" href="#"></a>
            <ul id="exampleSequences" class="right">
            </ul>
          </li>
          <!-- Tools menu -->
          <li id="menuTools">
            <a class="userText" id="t_tools" href="#"></a>
            <ul class="right">
              <li>
                <a class="userText" id="t_checkMultipleSeq" href="#"></a>
              </li>
              <!--
              <li>
                <a class="userText" id="t_printMultipleSeq" href="#"></a>
              </li>
              -->
              <li class="fileOpening">
                <div class="openFile">
                  <a class="userText" id="t_importRulesFile" href="#"></a>
                  <form id="rulesFileForm">
                    <input type="file" id="rulesFile" size=1>
                  </form>
                </div>
              </li>
              <li><a class="userText" id="t_settings" href="#"></a></li>
              <li id="installChromeApp" class="noDisplay">
                <a class="userText" id="t_installChromeAppTitle" href="#"></a>
              </li>
            </ul>
          </li>
          <!-- Help menu -->
          <li id="menuHelp">
            <a class="userText" id="t_help" href="#"></a>
            <ul class="right">
              <li><a class="userText" id="t_manual" href=#></a></li>
              <li><a class="userText" id="t_openaeroLanguage" href=#></a></li>
              <li><a class="userText" id="t_installation" href="http://code.google.com/p/open-aero/wiki/Installation" target="_blank"></a></li>
              <li><a class="userText" id="t_arestiSystem" href=#></a></li>
              <li><a class="userText" id="t_feedback" href="http://code.google.com/p/open-aero/wiki/Feedback" target="_blank"></a></li>
              <li><a class="userText" id="t_about" href=#></a></li>
            </ul>
          </li>
        </ul>
        <!-- Current version -->
        <div class="version">
          <a href="https://code.google.com/p/open-aero/source/browse/" target="_blank"><img id="latestVersion" src=""></img></a>
          <span id="version"></span>
        </div>
      </div>
      <div class="clearBoth"></div>
      <!-- undo/redo buttons -->
      <div id="undoRedo">
        <div id="undo" class="undoRedoButton"><div><img src="buttons/smallMask.png"></div></div>
        <div id="redo" class="undoRedoButton clearLeft"><div><img src="buttons/smallMask.png"></div></div>
      </div>
      <!-- Sequence text -->
      <div id="sequenceTextContainer">
        <div id="sequenceTextClone"></div>
        <textarea id="sequence_text" rows="2" wrap="virtual"></textarea>
      </div>
    </div>
    <!-- main sequence area -->
    <div id="main">
      <!-- Left main block -->
      <div id="leftBlock">
        <div class="tabSelector">
          <ul>
            <li id=tab-sequenceInfo class=activeTab>
              <a class="userText" id="t_sequenceInfo" href="#"></a>
            </li>
            <li id=tab-figureInfo class=inactiveTab>
              <a class="userText" id="t_figureEditor" href="#"></a>
            </li>
            <li id=tab-svgContainer class=inactiveTab style="display:none;">
              <a class="userText" id="t_sequenceTab" href="#"></a>
            </li>
          </ul>
        </div>
        <div class=clearBoth></div>
        <!-- Sequence info -->
        <div id="sequenceInfo" class="section">
          <!-- logo chooser -->
          <div id="logoChooserContainer">
            <div>
              <a id="hideLogoChooser" href="#">
                <img src="buttons/close.png">
              </a>
            </div>
            <div id="uploadLogo" class="fileOpening">
              <span class="userText" id="t_logoExplain"></span>
              <input type="file" id="logoFile" accept="image/*">
            </div>
            <div id="chooseLogo"></div>
          </div>
          <div class=item>
            <div class="label userText" id="t_pilot"></div>
            <input type=text name=pilot id=pilot maxlength="30">
          </div>
          <div class=item>
            <div class="label userText" id="t_aircraft"></div>
            <input type=text name=aircraft id=aircraft maxlength="30">
          </div>
          <div class=item>
            <div class="label userText" id="t_location"></div>
            <input type=text name=location id=location maxlength="30">
          </div>
          <div class=item>
            <div class="label userText" id="t_date"></div>
            <input type=text name=date id=date maxlength="30">
          </div>
          <div class=item>
            <div class="label userText" id="t_class"></div>
            <select name="class" id="class">
              <option value="powered" class="userText" id="t_powered" selected></option>
              <option value="glider" class="userText" id="t_glider"></option>
            </select>
          </div>
          <div class="item combo">
            <div class="label userText" id="t_rules"></div>
            <input type=text name=rules id=rules maxlength="30">
            <ul id=rulesList></ul>
          </div>
          <div class="item combo">
            <div class="label userText" id="t_category"></div>
            <input type=text name=category id=category maxlength="30">
            <ul id=categoryList></ul>
          </div>
          <div class="item combo">
            <div class="label userText" id="t_program"></div>
            <input type=text name=program id=program maxlength="30">
            <ul id=programList></ul>
          </div>
          <div class=item>
            <div class="label userText" id="t_positioning"></div>
            <input type=text name=positioning id=positioning maxlength="4">
          </div>
          <div id="harmonyField" class=item style="opacity:0;">
            <div class="label userText" id="t_harmony"></div>
            <input type=text name=harmony id=harmony maxlength="4">
          </div>
          <div class="clearBoth"></div>
          <div class=item>
            <span>
              <span class="label userText" id="t_logo"></span>
              <span id="t_removeLogo" class="textButton userText noDisplay"></span>
            </span>
            <span>
              <input type=hidden id=logo>
            </span>
            <span id="activeLogo">
              <a href="#" id="logoImage" class="noDisplay"></a>
              <a id="t_chooseLogo" class="userText" href="#"></a>
            </span>
          </div>
          <div class="clearSpace"></div>
          <div class=item>
            <div class="label userText" id="t_notes"></div>
            <textarea name="notes" id="notes"></textarea>
          </div>
          <div class="item">
            <div class="label userText" id="t_fileName"></div>
            <div class="clearBoth"></div>
            <input type="text" value="" id="fileName">
          </div>
          <input type=hidden id="oa_version">
          <input type=hidden id="default_view">
        </div>
        <!-- Figure Editor -->
        <div id="figureInfo" class=section style="position:absolute;z-index:-1;top:-5000px;">
          <div class="sectionLabel">
            <span id="figureHeader"></span>
            <span>
              <img src="buttons/smallInfo.png" id="manual.html_adding_a_figure">
            </span>
          </div>
          <div class="sectionLabelClose">&nbsp;</div>
          <!-- sub sequence direction -->
          <div id="subSequenceDirection" class="section noDisplay">
            <div class="sectionLabel userText" id="t_subSequenceDirection"></div><div class="sectionLabelClose">&nbsp;</div>
            <select id="subSequenceDirections">
              <option class="userText" value="//" id="t_sameAsBefore"></option>
              <option class="userText" value="eu" id="t_upwind"></option>
              <option class="userText" value="ed" id="t_downwind"></option>
              <option class="userText" value="ej" id="t_xBox"></option>
              <option class="userText" value="eja" id="t_xBoxAway"></option>
            </select>
          </div>
          <!-- figure box and option buttons -->
          <div id="FUfigOptionsDisabled"><span class="userText" id="t_FUfigOptionsDisabled"></span></div>
          <div id="figureOptions">
            <div>
              <div id="subSequence" class="button"><img src="buttons/mask.png"></div>
              <div id="deleteFig" class="button"><img src="buttons/mask.png"></div>
              <div class=clearSpace></div>
            </div>
            <div>
              <div id="switchFirstRoll" class="button disableFUfig"><img src="buttons/mask.png"></div>
              <div id="switchY" class="button disableFUfig"><img src="buttons/mask.png"></div>
              <div id="switchX" class="button disableFUfig"><img src="buttons/mask.png"></div>
              <div class=clearSpace></div>
            </div>
            <div>
              <div id="magMin" class="button"><img src="buttons/mask.png"></div>
              <input type="text" name="scale" id="scale" value="0">
              <div id="magPlus" class="button"><img src="buttons/mask.png"></div>
              <div class=clearSpace></div>
            </div>
            <div>
              <div id="moveForward" class="button"><img src="buttons/mask.png"></div>
              <div id="straightLine" class="button"><img src="buttons/mask.png"></div>     
              <div id="curvedLine" class="button"><img src="buttons/mask.png"></div>
              <div class=clearBoth></div>
              <!-- IMPORTANT : keep following div and span attached -->
              <div id="moveXCont"><span>X </span>
                <span id="moveX" class="plusMin"></span>
              </div>
              <div class=clearBoth></div>
              <div id="moveYCont">
                <span>Y </span>
                <span id="moveY" class="plusMin"></span>
              </div>
            <div class=clearSpace></div>
            </div>
          </div>
          <div id="selectedFigure">
            <svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny" id="selectedFigureSvg"></svg>
            <div id="t_addFigureText" class="userText"></div>
          </div>
          <div id="unknownFigureChooser">
            <select id="unknownFigure"></select>
          </div>
          
          <div class="clearBoth"></div>
          <!-- entry and exit -->
          <div id="entryExit" class="section">
            <div class="sectionLabel userText" id="t_entryExitAttExt"></div><div class="sectionLabelClose">&nbsp;</div>
            <span id="figEntryButton" class="smallButton disableFUfig"><div class="ttRight"><div></div></div></span>
            <span id="entryExt" class="plusMin"></span>
            <span><img src="images/ee_ext-figure.png"></span>
            <span id="exitExt" class="plusMin"></span>
            <span id="figExitButton" class="smallButton disableFUfig"><div><div></div></div></span>
          </div>
          <!-- rolls -->
          <div id="rollInfo">
          </div>
          <!-- comments -->
          <div id="commentSection" class="section">
            <div class="sectionLabel userText" id="t_comments"></div><div class="sectionLabelClose">&nbsp;</div>
            <textarea name="comments" id="comments"></textarea>
            <div class="textButton userText" id="t_update"></div>
            <span class="info"><img src="buttons/smallInfo.png" id="manual.html_figure_comments"></span>
          </div>
        </div>
        <!-- Alerts -->
        <div id=alerts class=section>
          <div class="sectionLabel userText" id="t_alerts"></div><div class="sectionLabelClose">&nbsp;</div>
        </div>
        <div class="clearBoth"></div>
        <div id="design"><span>Software & design by Ringo Massa</span></div>
      </div>
      <!-- Container for the sequence svg -->
      <div id="svgContainer">
      </div>
      <!-- Figure selector -->
      <div id="figureSelector">
        <div>
          <div id="figureSelectorClose"><a id="hideFigureSelector" href="#"><img src="buttons/close.png"></a></div>
          <div id="hideIllegalFigures">
            <input type="checkbox" id="hideIllegal" checked="true">
            <span class="userText" id="t_hideIllegalFigures"></span>
          </div>
          <div id="figureSelectorOptionsDiv"></div>
          <div id="figureSelectorGroupDiv">
            <select id="figureGroup"></select>
          </div>
        </div>
        <div id="figureChooser">
        <table id="figureChooserTable"></table>
        </div>
      </div>
    </div>
    <!-- Container for SVGs for the figure chooser -->
    <div id="figureSvgContainer">
      <svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny" id="figureChooserSvg"></svg>
    </div>
    <!-- Hidden div used for saving files through openaero.php -->
    <div id="saveFileFormDiv">
      <form action="openaero.php" method="post" id="saveFileForm">
        <input type="hidden" name="f" value="download" />
        <input type="hidden" name="name" />
        <input type="hidden" name="data" />
        <input type="hidden" name="format" />
      </form>
    </div>
  </body>
</html>
